/**
 * React 组件的原则:
 * 1. 只负责一块相对独立，稳定的功能；
 * 2. 没有单独的路由配置；
 * 3. 可能是纯静态的，也可能包含自己的 state，但不涉及 dva 的数据流，仅受父组件（通常是一个页面）传递的参数控制。
 */
import React from 'react';
import styles from './index.less';

export default ({ src, desc, style }) => (
  <div style={style} className={styles.imageWrapper}>
    <img className={styles.img} src={src} alt={desc} />
    { desc && <div className={styles.desc}>{desc}</div>}
  </div>
);
